<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tuding Framework 7 Mode</title>
<link rel="stylesheet" href="./css/h_zhi.css" />
<!--[if lt IE 9]>
<script src="./js/respond.min.js"></script>
<![endif]-->
<style type="text/css">
body{ padding-top:10px; background-color:#FFF; }
.rowo { padding-left:10px; padding-right:10px; }
div.content { border:2px solid #426FD9; background-color:#F2F2F2; min-height:20px; padding:0.25em; margin-right:0px; margin-bottom:2px; }
address *{vertical-align:middle;font-family:Dotum;}
</style>
</head>
<body>
<div id="bhead">
  <div id="bhead-top">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bhead-top</div>
      </div>
    </div>
  </div>
  <div id="bhead-mid">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bhead-mid</div>
      </div>
    </div>
  </div>
  <div id="bhead-btm">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bhead-btm</div>
      </div>
    </div>
  </div>
</div>
<!-- ######### ######### ######### bbody ######### ######### ######### -->
<div id="bbody">
  <div id="bbody-top">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bbody-top</div>
      </div>
    </div>
  </div>
  <div id="bbody-mid">
    <div class="rowo">
      <div class="fillo nnm">
        <div class="n1">
          <div class="content">#side<br />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
          </div>
        </div>
        <div class="n2">
          <div class="content">#aside<br />
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
          </div>
        </div>
        <div class="ming">
          <div id="main-top" class="ting">
            <div class="content">#main-top<br />
              <br />
            </div>
          </div>
          <div id="com-wrap" class="rowi">
            <div id="com-fill" class="filli wvv">
              <div id="com-side" class="v1">
                <div class="content">#com-side<br />
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
                </div>
              </div>
              <div id="com-aside" class="v2">
                <div class="content">#com-aside<br />
                  <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
                </div>
              </div>
              <div id="com-main" class="wing">
                <div id="com-top" class="ting">
                  <div class="content">#com-top</div>
                </div>
                <div id="component" class="ting">
                  <div class="content">#component<br />
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p>
                  </div>
                </div>
                <div id="com-btm" class="ting">
                  <div class="content">#com-btm</div>
                </div>
              </div>
            </div>
          </div>
          <div id="main-btm" class="ting">
            <div class="content">#main-btm<br />
              <br />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="bbody-btm">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bbody-btm</div>
      </div>
    </div>
  </div>
</div>
<!-- ######### ######### ######### /bbody ######### ######### ######### -->
<div id="bfoot">
  <div id="bfoot-top">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bfoot-top</div>
      </div>
    </div>
  </div>
  <div id="bfoot-mid">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bfoot-mid</div>
      </div>
    </div>
  </div>
  <div id="bfoot-btm">
    <div class="rowo">
      <div class="fillo">
        <div class="content">#bfoot-btm</div>
      </div>
    </div>
  </div>
</div>
<div class="rowo">
  <div id="colophon">
    <address style="text-align:center;">
      <img src="./img/logo_16px.gif" alt="" />&nbsp;<em>Copyright ©</em> <span><a href="http://www.bubujie.net/" target="_blank">步步街工作室</a> 2008-2012 All Rights Reserved.</span>
    </address>
  </div>
</div>
</body>
</html>
